<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SquareRoot-Responsive OnePage Template">
<meta name="keywords" content="one page, html5, jquery, responsive, squareroot, portfolio, personal">
<meta name="author" content="solutionportal">
<title>运动空间-健康建筑</title>
<link rel="stylesheet" href="static/css/styles.css">
<link href="static/css/magnific-popup.css" rel="stylesheet">
<!-- Main css -->
<link rel="stylesheet" href="static/css/main.css">
<link href="static/css/css.css" rel="stylesheet" type="text/css">
<script src="static/js/google_analytics_auto.js"></script>
</head>
<body>

<!-- Preloader Start-->
<div id="preload"> <img src="static/picture/preload.gif" alt="preload"> </div>
<!-- Preloader End -->

<header id="header" class="page-head clearfix">
  <div class="container">
    <div class="site-logo"> <img src="static/picture/logo.png" alt="site-logo"> </div>
    <nav>
      <ul class="main-nav">
        <li class="nav-control"> <a href="#non" class="e-eleganticons-53">&nbsp;</a>
          <ul class="inner-nav">
            <li><a href="#home" class="e-eleganticons-92"><span>Home</span></a></li>
            <li><a href="#about" class="e-eleganticons-183"><span>About</span></a></li>
            <li><a href="#resume" class="e-eleganticons-101"><span>Process</span></a></li>
			<li><a href="#static" class="e-eleganticons-116"><span>Showcase</span></a></li>
            <li><a href="#datasheet" class="e-eleganticons-100"><span>Datasheet</span></a></li>
            <li><a href="#portfolio2" class="e-eleganticons-119"><span>Measure</span></a></li>
            <li><a href="#test" class="e-eleganticons-111"><span>TEST</span></a></li>
            <!--            <li><a href="#contact" class="e-eleganticons-99"><span>Contact</span></a></li>-->
          </ul>
        </li>
      </ul>
      <!-- End Nav --> 
    </nav>
  </div>
</header>
<div class="home" id="home">
  <header class="big-title">
    <h1 class="big-head"><span>运动空间</span></h1>
    <h4 class="text-sub"><span>环境与健康</span></h4>
  </header>
  <!--	<div class="cv-btn"><a href="#non">Download Resume</a></div>-->
  <div class="learn-more"><a href="#about" class="e-eleganticons-162">learn more about us</a></div>
</div>
<div class="about" id="about"> 
  <!-- Extra Info -->
  <div class="extra-info">
    <div class="container">
      <ul class="row">
        <li class="birthdate col-md-3 col-sm-3 col-xs-6"> <span class="head">温度</span> <span>temperature</span> </li>
        <li class="work-type col-md-3 col-sm-3 col-xs-6"> <span class="head">通风换气效率</span> <span>Efficiency of ventilation</span> </li>
        <li class="phone-no col-md-3 col-sm-3 col-xs-6"> <span class="head">照度</span> <span>Illumination</span> </li>
        <li class="email col-md-3 col-sm-3 col-xs-6"> <span class="head">空气品质</span> <span>Air quality</span> </li>
      </ul>
    </div>
  </div>
  <!-- Author Info -->
  <div class="author-info container">
    <header class="title">
      <h2>研究目的</h2>
      <h3><span>/</span>我们为什么要进行测量</h3>
    </header>
    <div class="info row">
      <figure class="col-md-4 col-sm-5 author-pic"><img src="static/picture/author-pic.jpg" alt="author-pic"></figure>
      <div class="desc col-md-8 col-sm-7">
        <p>1 体育场地是人们运动休闲的主要场所，其室内环境既要满足人的舒适度的要求，又要考虑到室内环境对运动者机体的一系列生理、心理影响。 </p>
        <br>
        <p>2 室内环境包括热环境、室内空气质量、声环境和光环境。而影响室内环境舒适度的污染问题也不容忽视：建筑物本身所用的建筑材料和装修材料，会产生对人体有害的污染物：漂浮在空气中的微粒、病毒、细菌及其它有害物质，无时无刻地损害着人的身体健康。</p>
      </div>
    </div>
  </div>
  
  <!-- Statistics -->
  <div class="statistics">
    <div class="container">
      <h3 class="title">Statistics</h3>
      <div class="row desc">
        <div class="col-md-3 col-sm-3 col-xs-6"> <span class="num">4</span> <span>team members</span> </div>
        <div class="col-md-3 col-sm-3 col-xs-6"> <span class="num">15</span> <span>measurements</span> </div>
        <div class="col-md-3 col-sm-3 col-xs-6"> <span class="num">45</span> <span>hours of work</span> </div>
        <div class="col-md-3 col-sm-3 col-xs-6"> <span class="num">3</span> <span>sports venues</span> </div>
      </div>
    </div>
  </div>
</div>
<!-- End About Section -->

<div class="resume" id="resume">
  <div class="timeline container">
    <header class="title">
      <h2>研究过程</h2>
      <h3><span>/</span>我们测量并且研究了什么</h3>
    </header>
    <div class="education timeline-cont clearfix"> <span class="title"><strong>环境监测基本流程</strong></span>
      <div class="group group-1 clearfix"> <span class="date">Nov 27</span> <span class="point-circle"></span>
        <div class="desc-box">
          <h4>测点选取</h4>
          <span class="sub-title">-----------</span>
          <p>活动空间：保证通风稀释</p>
        </div>
      </div>
      <div class="group group-2 group-alter clearfix">
        <div class="desc-box">
          <h4>制定方案</h4>
          <span class="sub-title">-----------</span>
          <p>主客观结合</p>
          <p> 典型场景+典型时段全过程测量 </p>
          <p>同一空间多次测量-排除数据偶然性 </p>
          <p>问卷设计：人员评价</p>
        </div>
        <span class="point-circle"></span> <span class="date">Nov 30</span> </div>
    </div>
    <!-- End Education -->
    
    <div class="experience timeline-cont clearfix"> <span class="title"><strong>Experience</strong></span>
      <div class="group group-1 clearfix"> <span class="date">DEC 01</span> <span class="point-circle"></span>
        <div class="desc-box">
          <h4>开展监测</h4>
          <span class="sub-title">------------</span>
          <p>设备布置：统一高度、统一测点相对整体空间位置 </p>
          <p>室外环境同步监测：目标建筑上风向 </p>
          <p>环境动态：环境边界条件+室内人员动态变化 </p>
        </div>
      </div>
      <div class="group group-2 group-alter clearfix">
        <div class="desc-box">
          <h4>数据分析</h4>
          <span class="sub-title">------------</span>
          <p>使用SPSS,origin等软件进行画图以及数据分析</p>
          <p>建立数学模型，根据用户画像给出针对性的意见与建议&nbsp;</p>
        </div>
        <span class="point-circle"></span> <span class="date">DEC 05</span> </div>
    </div>
    <!-- End Experience -->
    
    <div class="end-box clearfix"> <span class="title"><strong>End</strong></span> </div>
  </div>
  <!-- End Timeline --> 
  
  <!-- Skills -->
  
  <div class="skills" id="thedatasheet">
    <div class="container">
      <h3 class="title">测量指标标准值</h3>
      <table class="table table-bordered">
        <thead>
        <th>测量指标</th>
          <th>温度</th>
          <th>湿度</th>
          <th>CO2浓度</th>
          <th>光照</th>
          <th>PM2.5浓度</th>
          </thead>
        <tbody>
          <tr>
            <td>标准值（优秀）取值：</td>
            <td>16-24°C</td>
            <td>30-60%</td>
            <td>小于900ppm</td>
            <td>大于250lx</td>
            <td>小于35ug/m</td>
          </tr>
        </tbody>
      </table>
      <br>
		<p>参考文献：健康建筑评价标准 [附条文说明] T/ASC02-2016 </p>
    </div>
  </div>
  <!-- End Skills --> 
  
</div>
<!-- End Resume Section -->

<div class="portfolio" id="static">
  <div class="works container">
    <header class="title">
      <h2>运动空间</h2>
      <h3><span>/</span>锻炼环境展示</h3>
    </header>
    <p class="desc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;清华大学现在有3个运动场（东操、紫荆操场和西操）、2个室内体育馆（综合体育馆和西馆）、2个游泳池（陈明游泳馆和西湖游泳池），1个气膜羽毛球馆、排球馆和1个射击馆，还有北体育馆在建设中。学生公寓地下室还有健身房可以撸铁。丰富多彩的体育活动场馆是学子们践行“无体育不清华”，“为祖国健康工作五十年”运动口号的最佳场合。</p>
    <ul class="filter-menu">
      <li><a href="#non" class="filter-current" data-filter="*">本次检测的所有场馆一览</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".print">西体育馆</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".design">游泳馆</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".illustration">气膜馆</a></li>
    </ul>
    <ul class="filter-port row">
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/xiti2.png" alt="placeholder-img"> <a href="static/picture/xiti2.png" rel="external">西体育馆<span><em>内景</em></span></a> </figure>
      </li>
      <li class="item design col-md-4 col-sm-6">
        <figure> <img src="static/picture/2.jpg" alt="placeholder-img"> <a href="static/picture/2.jpg" rel="external">游泳馆<span><em>外景</em></span></a> </figure>
      </li>
      <li class="item illustration col-md-4 col-sm-6">
        <figure> <img src="static/picture/3.jpg" alt="placeholder-img"> <a href="static/picture/3.jpg" rel="external">气膜馆<span><em>外景</em></span></a> </figure>
      </li>
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/4.jpg" alt="placeholder-img"> <a href="static/picture/4.jpg" rel="external">西体育馆<span><em>外景</em></span></a> </figure>
      </li>
      <li class="item design col-md-4 col-sm-6">
        <figure> <img src="static/picture/5.jpg" alt="placeholder-img"> <a href="static/picture/5.jpg" rel="external">游泳馆<span><em>内景</em></span></a> </figure>
      </li>
<!--
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/6.jpg" alt="placeholder-img"> <a href="static/picture/6.jpg" rel="external">综体健身房<span><em>综合力量区</em></span></a> </figure>
      </li>
-->
    </ul>
  </div>
</div>
<!-- End Portfolio Section --> 

<!-- Skills -->
<div class="resume">
  <div class="skills" id="datasheet">
    <div class="container"> <br>
      <h3 class="title">测量指标权重</h3>
      <ul id="dataTab" class="nav nav-tabs">
        <li class="active"><a href="#thexi" data-toggle="tab">西体-早（7：00~8：00）</a></li>
        <li ><a href="#thexiwan" data-toggle="tab">西体-晚（19：00~22：00）</a></li>
        <li > <a href="#theqi" data-toggle="tab">气膜馆</a> </li>
        <li><a href="#theyou" data-toggle="tab">游泳馆</a></li>
      </ul>
      <div id="dataTabContent" class="tab-content">
        <div class="tab-pane fade in active" id="thexi">
          <p></p>
          <p>国学大师季羡林曾说：“清华读过书的人，谁也不会忘记两馆”。其中一个就是体育馆。</p>
          <div class="row">
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="25"><em>25%</em></div>
              <span class="sub">温度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="20"><em>20%</em></div>
              <span class="sub">湿度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="25"><em>25%</em></div>
              <span class="sub">二氧化碳浓度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="20"><em>20%</em></div>
              <span class="sub">光强</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="10"><em>10%</em></div>
              <span class="sub">PM2.5浓度</span> </div>
          </div>
          <br>
          <table class="table table-bordered">
            <thead>
            <th>测量指标</th>
              <th>温度</th>
              <th>湿度</th>
              <th>CO2浓度</th>
              <th>光照</th>
              <th>PM2.5浓度</th>
              </thead>
            <tbody>
              <tr>
                <td>计算权重</td>
                <td>25%</td>
                <td>20%</td>
                <td>25%</td>
                <td>20%</td>
                <td>10%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>数据</td>
                <td>16.6°C</td>
                <td>31%</td>
                <td>795ppm</td>
                <td>577lx</td>
                <td>12.8ug/m</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>偏离程度</td>
                <td>0%</td>
                <td>0%</td>
                <td>0%</td>
                <td>0%</td>
                <td>0%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>得分</td>
                <td>100</td>
                <td>100</td>
                <td>100</td>
                <td>100</td>
                <td>100</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>换算分</td>
                <td>25</td>
                <td>20</td>
                <td>25</td>
                <td>20</td>
                <td>10</td>
              </tr>
            </tbody>
          </table>
          <p>总得分：100</p>
        </div>
        <div class="tab-pane fade" id="thexiwan">
          <p></p>
          <p>著名数学家陈省身也曾忆及当时流行的一个说法：“北大有胡适之，清华有体育馆。”</p>
          <div class="row">
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="40"><em>40%</em></div>
              <span class="sub">温度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="15"><em>15%</em></div>
              <span class="sub">湿度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="20"><em>20%</em></div>
              <span class="sub">二氧化碳浓度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="15"><em>15%</em></div>
              <span class="sub">光强</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="10"><em>10%</em></div>
              <span class="sub">PM2.5浓度</span> </div>
          </div>
          <br>
          <table class="table table-bordered">
            <thead>
            <th>测量指标</th>
              <th>温度</th>
              <th>湿度</th>
              <th>CO2浓度</th>
              <th>光照</th>
              <th>PM2.5浓度</th>
              </thead>
            <tbody>
              <tr>
                <td>计算权重</td>
                <td>25%</td>
                <td>20%</td>
                <td>25%</td>
                <td>20%</td>
                <td>10%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>数据</td>
                <td>14.1°C</td>
                <td>20%</td>
                <td>1285ppm</td>
                <td>482lx</td>
                <td>55ug/m</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>偏离程度</td>
                <td>12%</td>
                <td>0%</td>
                <td>44%</td>
                <td>0%</td>
                <td>57%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>得分</td>
                <td>80</td>
                <td>100</td>
                <td>50</td>
                <td>100</td>
                <td>40</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>换算分</td>
                <td>25</td>
                <td>20</td>
                <td>12.5</td>
                <td>20</td>
                <td>4</td>
              </tr>
            </tbody>
          </table>
          <p>总得分：81.5</p>
        </div>
        <div class="tab-pane fade" id="theqi">
          <p></p>
          <p>气膜馆位于紫荆学生宿舍区，为先进节能的气膜结构建筑。</p>
          <div class="row">
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="15"><em>15%</em></div>
              <span class="sub">温度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="10"><em>10%</em></div>
              <span class="sub">湿度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="35"><em>35%</em></div>
              <span class="sub">二氧化碳浓度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="15"><em>15%</em></div>
              <span class="sub">光强</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="25"><em>25%</em></div>
              <span class="sub">PM2.5浓度</span> </div>
          </div>
          <br>
          <table class="table table-bordered ">
            <thead>
            <th>测量指标</th>
              <th>温度</th>
              <th>湿度</th>
              <th>CO2浓度</th>
              <th>光照</th>
              <th>PM2.5浓度</th>
              </thead>
            <tbody>
              <tr>
                <td>计算权重</td>
                <td>15%</td>
                <td>10%</td>
                <td>35%</td>
                <td>15%</td>
                <td>25%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>数据</td>
                <td>17.6°C</td>
                <td>57.6%</td>
                <td>1843ppm</td>
                <td>166.7lx</td>
                <td>58.4ug/m</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>偏离程度</td>
                <td>0%</td>
                <td>4%</td>
                <td>105%</td>
                <td>33%（修正为0%）</td>
                <td>66%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>得分</td>
                <td>100</td>
                <td>95</td>
                <td>0</td>
                <td>100</td>
                <td>20</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>换算分</td>
                <td>15</td>
                <td>9.5</td>
                <td>0</td>
                <td>15</td>
                <td>5</td>
              </tr>
            </tbody>
          </table>
          <p>总得分：44.5</p>
        </div>
        <div class="tab-pane fade" id="theyou">
          <p></p>
          <p>游泳馆于2000年建成，为2001年第21届世界大学生运动会跳水比赛场馆，2008年为北京奥运会跳水和水球训练场馆。</p>
          <div class="row">
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="15"><em>15%</em></div>
              <span class="sub">温度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="10"><em>10%</em></div>
              <span class="sub">湿度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="35"><em>35%</em></div>
              <span class="sub">二氧化碳浓度</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="15"><em>15%</em></div>
              <span class="sub">光强</span> </div>
            <div class="chart col-md-3 col-sm-6 col-xs-6">
              <div class="chart-draw" data-percent="25"><em>25%</em></div>
              <span class="sub">PM2.5浓度</span> </div>
          </div>
          <br>
          <table class="table table-bordered">
            <thead>
            <th>测量指标</th>
              <th>温度</th>
              <th>湿度</th>
              <th>CO2浓度</th>
              <th>光照</th>
              <th>PM2.5浓度</th>
              </thead>
            <tbody>
              <tr>
                <td>计算权重</td>
                <td>15%</td>
                <td>10%</td>
                <td>35%</td>
                <td>15%</td>
                <td>25%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>数据</td>
                <td>23.9°C</td>
                <td>48%</td>
                <td>593ppm</td>
                <td>198lx</td>
                <td>16.4ug/m</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>偏离程度</td>
                <td>0%</td>
                <td>0%</td>
                <td>0%</td>
                <td>20.8%</td>
                <td>0%</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>得分</td>
                <td>100</td>
                <td>100</td>
                <td>100</td>
                <td>70</td>
                <td>100</td>
              </tr>
            </tbody>
            <tbody>
              <tr>
                <td>换算分</td>
                <td>15</td>
                <td>10</td>
                <td>35</td>
                <td>10.5</td>
                <td>25</td>
              </tr>
            </tbody>
          </table>
          <p>总得分：95.5</p>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- End Skills -->

<div class="portfolio" id="portfolio2">
  <div class="works container">
    <header class="title">
      <h2>测量与分析</h2>
      <h3><span>/</span>测量结果展示</h3>
    </header>
    <p class="desc">相对于气膜馆来说，西体的羽毛球场地空间十分开阔亮敞，由于高空间的存在和人数的限制使得西操在CO2浓度和空气质量上不会像气膜馆那样轻易爆表，而在温湿度上与气膜馆无明显差别，整体使用体验上基本胜于气膜馆。而气膜馆的优势在于其在位置上离紫荆宿舍区更近，也包含乒乓球等多个运动项目。因此如非想尝试多样的项目或太过疲惫，西操在约羽毛球上是个更加出众的选择</p>
    <ul class="filter-menu">
      <li><a href="#non" class="filter-current" data-filter="*">本次检测的所有场馆一览</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".print">西体测量与数据</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".design">气膜馆测量</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".illustration">游泳馆数据</a></li>
    </ul>
    <ul class="filter-port row">
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/xiti3.png" alt="placeholder-img"> <a href="static/picture/xiti3.png" rel="external">西体育馆<span><em>测量点</em></span></a> </figure>
      </li>
      <li class="item design col-md-4 col-sm-6">
        <figure> <img src="static/picture/qimo3.png" alt="placeholder-img"> <a href="static/picture/qimo3.png" rel="external">气膜馆<span><em>数据</em></span></a> </figure>
      </li>
      <li class="item illustration col-md-4 col-sm-6">
        <figure> <img src="static/picture/youyong1.png" alt="placeholder-img"> <a href="static/picture/youyong1.png" rel="external">游泳馆<span><em>数据</em></span></a> </figure>
      </li>
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/xiti4.png" alt="placeholder-img"> <a href="static/picture/xiti4.png" rel="external">西体育馆<span><em>温度数据</em></span></a> </figure>
      </li>
      <li class="item design col-md-4 col-sm-6">
        <figure> <img src="static/picture/qimo2.png" alt="placeholder-img"> <a href="static/picture/qimo2.png" rel="external">气膜馆<span><em>测量点</em></span></a> </figure>
      </li>
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/xiti5.png" alt="placeholder-img"> <a href="static/picture/xiti5.png" rel="external">西体育馆<span><em>CO2数据</em></span></a> </figure>
      </li>
    </ul>
  </div>
</div>
<!-- End Portfolio Section --> 

<!-- Jiange -->
<div class="resume" id="jiange"> 
  <!-- Skills -->
  <div class="skills">
    <div class="container">
      <h3 class="title">测量结果综述</h3>
      <div class="row">
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" style="background:#1e2632;">
          <div class="panel panel-default" style="background:#1e2632;">
            <div class="panel-heading" role="tab" id="headingOne" style="background:#6b6882;">
              <h4 class="panel-title" > <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> 西体 </a> </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
              <div class="panel-body">
				  <p></p>
                <p>在周中，西体羽毛球场的预约时间在早7：00~8：00以及晚19：00~22：00两个时间段，因此我们分别在这两个时间段进行了测量。 </p>
                <p>从温度来看，早晚室内温度相差不大，平均温度接近16摄氏度，考虑到运动过程中会大量产热出汗，所以在温度上西体育馆还算相对适宜。 </p>
                <p>在湿度上，由于运动过程中会产生水蒸气，因此场馆普遍湿度要略大于室外，早晚分别为33%、41%。 </p>
                <p>在此可以看出人流对场地环境状况的影响，由于早七点场人员状况保持在20人，而晚上则可以达到25~30人+，因此晚19点时间段在湿度以及CO2浓度上均要显著高于早上。 </p>
                <p>其中，晚上CO2浓度已超出室内CO2的适宜浓度线。在光强上，从室内照片可以看出由于开窗的局促，主要光照来自于屋顶框架上的多个射灯，数量较多的射灯阵列打出了较为均匀的光区，在调研时只有场地的东北角存在明显暗区，其余位置均能达到300~500lx，是使用起来非常舒适的光强范畴。</p>
                <!--
       </p><p>早（7：00~8：00）默认得分97
		  </p>
		  <p>但考虑到早7：00参考价值不大，对同学来说选择意义较小（时间过短过早，人员多为训练球员或老人），故仅作参考。但其数据十分优秀，因此可向同学们进行推荐，作为清晨运动的不错地点。
		  </p>
		  <p>晚（19：00~22：00）默认得分72</p>
		  	<p>
				运动活动的主要时间和目的：在长时间学习后的放松（加分：西体靠近图书馆）； 特意地在空闲时间和好友/npy增进感情；（不加分）；为保持体型或集体锻炼/乐动力期间参与体育活动（加分，西体靠近西操）
		  </p>
--> 
              </div>
            </div>
          </div>
          <div class="panel panel-default" style="background:#1e2632;">
            <div class="panel-heading" role="tab" id="headingTwo" style="background:#6b6882;" >
              <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> 气膜馆 </a> </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
              <div class="panel-body">
				  <p></p>
				  <p>我们经过预约选择在上午的9:00到10:00和晚上的6:30到9:30对气膜馆的空气质量进行了相关数据的测量。</p>
                <p>在测量的时间段内，早上气膜馆人数较少，在30人左右，而晚上作为高峰期，气膜馆的各个场地几乎全被占满，人数在65人左右。在温度方面，虽然早上平均温度（16摄氏度）比晚上平均温度（17.6摄氏度）略低，但考虑到运动过程中自身热量的产生，两者的温度都在较为舒适的区间。</p>
                <p>在湿度方面，早上的平均值（44%）远低于晚上（57%），这其中受到时间段的影响，同时也有人数的差异的影响，但两者都在标准的区间之内，在天气干燥的冬天属于较为适宜的湿度范围。</p>
                <p>同时在二氧化碳的浓度上也可以很明显的看出人员流动的影响，在人数较少的早上二氧化碳浓度约为1106ppm，而在晚上达到了1843ppm，这两者都是较高的数值，晚上的二氧化碳浓度可能由于运动人员较多更是远高于标准值（900ppm）。</p>
                <p>这表明气膜馆的通风系统可能还有进步的空间。</p>
                <p>在光照强度方面，可能由于设备摆放位置较偏（在休息台上，实际情况所限），同时也存在人员遮挡的情况，我们所测得的光强都偏低（早上93lx，晚上166lx），但就现场的使用感受来说，气膜馆的光照较为充足，除了边角的休息台存在阴影外，其余地方光照足以满足运动的需求。</p>
              </div>
            </div>
          </div>
          <div class="panel panel-default" style="background:#1e2632;">
            <div class="panel-heading" role="tab" id="headingThree" style="background:#6b6882;" >
              <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> 游泳馆 </a> </h4>
            </div>
            <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
              <div class="panel-body">
                <p></p>
                <p>游泳馆的监测时间放在了早上8点至9点、晚上17点至18点和20点至21点三个时间段，分别是上课时间和游泳馆开放时间。</p>
                <p>
 从泳池区域来看，游泳馆的温湿度，二氧化碳浓度基本保持在最适宜范围内，环境基本指标都比较适合。光照强度略低，但是游泳运动由于不需要较为良好的光照来看清楚羽毛球等物体，光照强度游泳馆可以及格。PM2.5浓度略高，不排除泳池区域水蒸气凝结成的水珠的影响。总体来说，泳池区域活动环境比较适宜。</p>
                <p>
在各项环境指标中，CO2浓度单日变化较大，从早上的600ppm左右逐渐积累至晚间的1000ppm左右，因此晚间游泳对于初学者会提出更高的换气要求。</p>
                <p>
由于游泳运动的特殊性，冬泳池的使用体验与更衣室和淋浴区也有很大关系，把泳池区域和更衣室区域相比，可以发现更衣室区域温度和光照强度明显低于泳池区，二氧化碳浓度明显高于泳池区。这对于刚刚出水需要沐浴更衣的游泳者来说非常不友好。加之游泳馆的空间流线设计中，主入口和更衣室距离较近，冬季使用时常常有外界寒风流入更衣室通道，进一步降低游泳者在路途中的体感温度，不利于游泳总体体验的提升。</p>
                <p>
总体来说，游泳池区域环境参数控制良好，但是受限制于游泳馆的空间流线，冬季游泳容易面对室内较大温差带来的不适，而夏季总体体验良好。</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- End Skills --> 
</div>
<!-- End jiange Section --> 

<!-- Test -->
<div class="test" id="test">
  <div class="works container">
    <header class="title">
      <h2><strong>运动空间<span>/</span></strong><small>测一测体育场馆环境有多适合你</small></h2>
      <!--		<h3><span>/</span>测一测哪个场馆适合你</h3>--> 
      <script>
		function XITI()
{
	var total = 100.0;
	var judge = document.getElementById("110").checked;
if(judge){
	var wendu= 0.25,shidu= 0.20,co2= 0.25,guangzhao= 0.20,pm25 = 0.10;
	var fwendu= 100,fshidu=100,fco2= 100,fguangzhao= 100,fpm25 = 100;
}
else{
		var wendu= 0.40,shidu= 0.15,co2= 0.20,guangzhao= 0.15,pm25 = 0.10;
	var fwendu= 80,fshidu=100,fco2= 50,fguangzhao= 100,fpm25 = 40;
}
	
	judge = document.getElementById("100").checked;
    if(judge){
		wendu += 0.12;		shidu-=0.03;
		co2-=0.03;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("101").checked;
    if(judge){
		wendu -=0.03;		shidu+= 0.12;
		co2-=0.03;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("102").checked;
    if(judge){
		wendu-=0.03;		shidu-=0.03;
		co2+= 0.12;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("103").checked;
    if(judge){
		wendu-=0.03;		shidu-=0.03;
		co2-=0.03;		guangzhao+= 0.12;
		pm25-=0.03;
	}
	judge = document.getElementById("104").checked;
    if(judge){
		wendu -=0.03;		shidu-=0.03;
		co2-=0.03;		guangzhao-=0.03;
		pm25+= 0.12;
	}

	total = wendu*fwendu+shidu*fshidu+co2*fco2+guangzhao*fguangzhao+pm25*fpm25;
	judge = document.getElementById("120").checked;
    if(judge){
			total+=5;
	}
	judge = document.getElementById("121").checked;
    if(judge){
				total+=5;
	}
	total = total > 100 ? 100:total;
	alert("问卷已提交");
	judge = document.getElementById("110").checked;
	if(judge){
		document.getElementById("demo").innerHTML = ('总体来说，西体在我们的评分体系下无论早晚表现均较好，其中早上七点场在各项数据上尤其出色，唯一可能减分的反而是其建筑风格和时代的局限性。此外早7：00数据十分优秀，因此，西体对同学们来说是一个绝佳的晨练场所。\n根据您的偏好，西体的得分为'+total.toFixed(2));
	}
	else{
		document.getElementById("demo").innerHTML = ('总结：总体来说，西体在我们的评分体系下无论早晚表现均较好，其中早上七点场在各项数据上尤其出色，唯一可能减分的反而是其建筑风格和时代的局限性。同时由于其临近西操和图书馆，在提供多样的运动选择的同时也可以很方便地帮助同学们在锻炼后投入学习。如果想要和好友一起增进感情或者在长时间学习后的放松休息，那晚上场的西操也是一个不错的选择。根据您的偏好，西体的得分为'+total.toFixed(2));
	}
	document.getElementById("thescorenumber").innerHTML =(total.toFixed(2));

	
}

		function QIMO()
{
   	var total = 100.0;
	var judge = document.getElementById("350").checked;

	var wendu= 0.15,shidu= 0.10,co2= 0.35,guangzhao= 0.15,pm25 = 0.25;
	judge = document.getElementById("300").checked;
    if(judge){
		wendu += 0.12;		shidu-=0.03;
		co2-=0.03;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("301").checked;
    if(judge){
		wendu -=0.03;		shidu+= 0.12;
		co2-=0.03;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("302").checked;
    if(judge){
		wendu-=0.03;		shidu-=0.03;
		co2+= 0.12;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("303").checked;
    if(judge){
		wendu-=0.03;		shidu-=0.03;
		co2-=0.03;		guangzhao+= 0.12;
		pm25-=0.03;
	}
	judge = document.getElementById("304").checked;
    if(judge){
		wendu -=0.03;		shidu-=0.03;
		co2-=0.03;		guangzhao-=0.03;
		pm25+= 0.12;
	}
	judge = document.getElementById("311").checked;
    if(judge){
		wendu -=0.04;		shidu+= 0.01;
		co2+= 0.01;		guangzhao+= 0.01;
		pm25+= 0.01;
	}
	
	total = wendu*100.0+shidu*95.0+co2*20.0+guangzhao*100.0+pm25*40.0;
	
	judge = document.getElementById("350").checked;
	if(judge){
		total-=5;
	}
	judge = document.getElementById("351").checked;
    if(judge){
		total-=5;
	}
	 judge = document.getElementById("352").checked;
    if(judge){
		total-=5;
	}
	 judge = document.getElementById("353").checked;
    if(judge){
		total+=5;
	}
	judge = document.getElementById("354").checked;
    if(judge){
		total+=5;
	}
	judge = document.getElementById("355").checked;
    if(judge){
		total+=5;
	}
	alert("问卷已提交");
	
	document.getElementById("demo").innerHTML = ('问卷已提交。总分为'+total.toFixed(2));
	document.getElementById("demo").innerHTML = ('整体上来说，气膜馆早上和晚上的空气质量情况都不算太理想（受到当天空气质量的影响，同时我们的评分标准较为严苛），其中二氧化碳浓度（反应通风情况）确实是气膜馆的硬伤。但在其他数据上都能够基本满足运动的需求。同时由于气膜馆靠近居住区，较为方便；而且乒乓球这项运动也只能在气膜馆进行，相比西体，气膜馆还是得到了很多同学的青睐。根据您的偏好，气膜馆的得分为'+total.toFixed(2))
	document.getElementById("thescorenumber").innerHTML =(total.toFixed(2));
	//document.getElementById("thescorenumber").innerHTML =(total.toFixed(2));

}
		function YOUYONG()
{
   var total = 100.0;
	var judge = document.getElementById("110").checked;

	var wendu= 0.15,shidu= 0.10,co2= 0.35,guangzhao= 0.15,pm25 = 0.25;
	var fwendu= 100,fshidu=100,fco2= 100,fguangzhao= 70,fpm25 =100;

	judge = document.getElementById("400").checked;
    if(judge){
		wendu += 0.12;		shidu-=0.03;
		co2-=0.03;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("401").checked;
    if(judge){
		wendu -=0.03;		shidu+= 0.12;
		co2-=0.03;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("402").checked;
    if(judge){
		wendu-=0.03;		shidu-=0.03;
		co2+= 0.12;		guangzhao-=0.03;
		pm25-=0.03;
	}
	judge = document.getElementById("403").checked;
    if(judge){
		wendu-=0.03;		shidu-=0.03;
		co2-=0.03;		guangzhao+= 0.12;
		pm25-=0.03;
	}
	judge = document.getElementById("404").checked;
    if(judge){
		wendu -=0.03;		shidu-=0.03;
		co2-=0.03;		guangzhao-=0.03;
		pm25+= 0.12;
	}

	total = wendu*fwendu+shidu*fshidu+co2*fco2+guangzhao*fguangzhao+pm25*fpm25;
	judge = document.getElementById("420").checked;
    if(judge){
			total-=3;
	}
	judge = document.getElementById("421").checked;
    if(judge){
				total-=1;
	}
	judge = document.getElementById("423").checked;
    if(judge){
			total+=2;
	}
	judge = document.getElementById("430").checked;
    if(judge){
				total-=2;
	}
	judge = document.getElementById("432").checked;
    if(judge){
				total-=2;
	}
	total = total > 100 ? 100:total;
	alert("问卷已提交");	
	document.getElementById("demo").innerHTML = ('游泳馆实际使用体验中，在全身湿水的情况下，风速对于体感温度有很大程度的影响，尤其是天气较冷时从泳池区前往更衣区的过程，因现阶段没有风速相关数据，暂时缺失该重要评判标准。根据您的偏好，游泳馆的得分为'+total.toFixed(2))
	document.getElementById("thescorenumber").innerHTML =(total.toFixed(2));

}
		</script> 
    </header>
    <ul id="myTab" class="nav nav-tabs">
      <li class="active"><a href="#lol" data-toggle="tab">西体</a></li>
      <li > <a href="#qimo" data-toggle="tab">气膜馆</a> </li>
      <li><a href="#storm" data-toggle="tab">游泳馆</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
      <div class="tab-pane fade in active" id="lol">
		  <p></p>
        <p>西体育馆作为清华早期四大建筑之一，有着鲜明的清华特色，红砖瓦顶延续了清华的建筑肌理。</p>
        <p>但作为运动空间来说，这种百年前延续下来的建筑风格也难免会与现在的时代有所脱节，整体暗红色的色调会带来一定的压抑感，整齐促狭的开窗也在一定程度上与运动空间的动感有所不符。</p>
        <p>但来到室内，可以发现经过几次修缮的西体育馆在保留红砖肌理的同时也有一定的改进。</p>
        <p>以我们测量的西体羽毛球场为例，该场地共容纳六个羽毛球场，位于一个足有三层（11m）的十分开阔的大空间内，很好地消解了压抑的感受；铺地与休息区也多采用亲人的材质。</p>
        <p>主观上来说，西体羽毛球场的感受要略差于气膜馆和综体，但也在可以接受的范围之内。</p>
        <!--
        </p><p>西体是清华第一个体育馆，位于校园西北部、清华第一个运动场——西大操场西侧，清华早期四大建筑之一。西体育馆前馆建于1916－1919年，由墨菲设计。</p>
        <p>馆内有篮球场、手球场、悬空跑道以及暖气、热气干燥设备；室内游泳池实行水源消毒，十分清洁卫生。</p>
-->
        <p>国学大师季羡林曾说：“清华读过书的人，谁也不会忘记两馆”。其中一个就是体育馆。著名数学家陈省身也曾忆及当时流行的一个说法：“北大有胡适之，清华有体育馆。”</p>
        <div class="panel panel-primary">
          <div class="panel-heading" style="background:#1e2632;"> 单选：你认为以下几个指标哪个对你在西体育馆的运动影响最大？ </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 " >
                  <input type="radio" name="optradio10" id="100">
                  <div class="well">温度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio10" id="101">
                  <div class="well">湿度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio10" id="102">
                  <div class="well">CO2浓度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio10" id="103">
                  <div class="well">光照</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio10" id="104">
                  <div class="well">PM2.5浓度</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：在西体育馆运动时间段更偏向于 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio11" id="110">
                  <div class="well">上午</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio11">
                  <div class="well">下午</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio11">
                  <div class="well">晚上</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 多选：关于西体育馆，以下说法中你赞同那些 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="checkbox ">
                  <label class="col-xs-6 ">
                  <input type="checkbox"  id="120">
                  <div class="well"> 西体靠近图书馆，在长时间学习后可以到西体放松</div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox" id="121">
                  <div class="well"> 西体靠近西操，可以在集体锻炼/乐动力期间参与体育活动 </div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox"  id="122">
                  <div class="well"> 特意地在空闲时间和好友/npy增进感情；</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>--> 
        </div>
        <button type="submit" class="btn btn-primary col-xs-6 col-xs-offset-3" style="background:#1e2632; border-radius: 10px; box-shadow:  10px 10px 30px #bebebe,-10px -10px 30px #ffffff;" onclick="XITI()" >康康西体的环境能得几分</button>
      </div>
      <div class="tab-pane fade" id="zongti">
        <p></p>
        <p>综合体育馆于2000年建成，为2001年第21届世界大学生运动会男篮比赛场馆，2008年为北京奥运会男篮和轮椅篮球训练场馆。</p>
        <p>体育馆内可满足篮球、排球、体操等多项体育竞赛项目需要，更开设了健身房。此外，综体还是晚会、演出、开学典礼等大型活动的举办场所。</p>
        <p>国学大师季羡林曾说：“清华读过书的人，谁也不会忘记两馆”。其中一个就是体育馆。著名数学家陈省身也曾忆及当时流行的一个说法：“北大有胡适之，清华有体育馆。”</p>
        <div class="panel panel-primary">
          <div class="panel-heading" style="background:#1e2632;"> 单选：你认为以下几个指标哪个对你在综合体育馆的运动影响最大？ </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio20">
                  <div class="well">温度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio20">
                  <div class="well">湿度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio20">
                  <div class="well">CO2浓度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio20">
                  <div class="well">PM2.5浓度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio20">
                  <div class="well">光照</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选： </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio1">
                  <div class="well">温度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio2">
                  <div class="well">湿度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio3">
                  <div class="well">CO2浓度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio4">
                  <div class="well">PM2.5浓度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio5">
                  <div class="well">光照</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>--> 
        </div>
        <button type="submit" class="btn btn-primary col-xs-6 col-xs-offset-3" style="background:#1e2632; border-radius: 10px; box-shadow:  10px 10px 30px #bebebe,-10px -10px 30px #ffffff;" onclick="ZONGTI()" >康康综体的环境能得几分</button>
      </div>
      <div class="tab-pane fade" id="qimo">
		  <p></p>
        <p>气膜馆可以说是近年来新型的一种运动场所类型。它通过使用气膜和表面涂层，配上优质的PVC形成稳定而又独特的形状，从而承担起一定的荷载。</p><p>气膜馆本身独特的外形就是一种艺术，对使用者有很强的吸引力。同时气膜馆整体上处于密封的状态，配上专用的通风系统、制冷/制热系统和智能控制系统，能够打造近乎完美的室内通风和温度调节系统，从而满足室内人员所需要的舒适体验。</p><p>同时由于密闭，室内空气质量较为可控，这个优点在室外雾霾较为严重时显现的尤为强烈。</p><p>在气膜馆的内部，共有12个羽毛球场和8个乒乓球台，能够提供较为充足的运动空间。</p><p>由于气膜馆室内空间较为高大（最高处约16米），在内部运动时也不会有压抑的感受。</p>
<!--        </p><p>气膜馆位于紫荆学生宿舍区，为先进节能的气膜结构建筑。有羽毛球场12片、乒乓球台10张。主要用于羽毛球和乒乓球的教学和课外锻炼。</p>-->
        <div class="panel panel-primary">
          <div class="panel-heading" style="background:#1e2632;"> 单选：你认为以下几个指标哪个对你在气膜馆的运动影响最大？ </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio30" id="300">
                  <div class="well">温度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio30"id="301">
                  <div class="well">湿度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio30" id="302">
                  <div class="well">CO2浓度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio30"id="304">
                  <div class="well">PM2.5浓度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio30" id="303">
                  <div class="well">光照</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：你的籍贯是 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio31" id="310">
                  <div class="well">南方</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio31"  id="311">
                  <div class="well">北方</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：你一周内去气膜馆的次数 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio32">
                  <div class="well"> 0~2</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio32">
                  <div class="well"> 3~5 </div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio32">
                  <div class="well"> 6次以上 </div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：每周你在气膜馆运动的时间偏向于 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio33">
                  <div class="well"> 周中</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio33">
                  <div class="well"> 周末 </div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio33">
                  <div class="well"> 都可 </div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：你在气膜馆运动时间段更偏向于 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio34">
                  <div class="well"> 上午</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio34">
                  <div class="well"> 下午 </div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio34">
                  <div class="well"> 晚上 </div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 多选：关于气膜馆，以下说法中你赞同那些 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="checkbox ">
                  <label class="col-xs-6 ">
                  <input type="checkbox" name="optradio35" id="350">
                  <div class="well"> 气膜馆的走道较窄，容易影响到运动人员</div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox" name="optradio35" id="351">
                  <div class="well"> 气膜馆内较为嘈杂，同伴之间说话不容易听清楚 </div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox" name="optradio35" id="352">
                  <div class="well"> 由于不了解气膜馆的工作原理，对气膜馆较为抵触 </div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox" name="optradio35" id="353">
                  <div class="well"> 气膜馆距离居住区较近，使用起来较为方便 </div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox" name="optradio35"  id="354">
                  <div class="well"> 气膜馆由于密闭处理，空气质量（主要指污染程度）较好 </div>
                  </label>
                </div>
                <div class="checkbox">
                  <label class="col-xs-6 ">
                  <input type="checkbox" name="optradio35" id="355">
                  <div class="well"> 气膜馆内空间较为高大开阔，适合运动 </div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>--> 
        </div>
        <button type="submit" class="btn btn-primary col-xs-6 col-xs-offset-3" style="background:#1e2632; border-radius: 10px; box-shadow:  10px 10px 30px #bebebe,-10px -10px 30px #ffffff;" onclick="QIMO()" >康康气膜馆的环境能得几分</button>
      </div>
      <div class="tab-pane fade" id="storm">
        <p></p>
        <p> 游泳馆于2000年建成，为2001年第21届世界大学生运动会跳水比赛场馆，2008年为北京奥运会跳水和水球训练场馆。游泳馆可满足游泳、跳水、水球等比赛需要，游泳馆西侧还有轮滑场和沙滩排球场</p>
        <div class="panel panel-primary">
          <div class="panel-heading" style="background:#1e2632;"> 单选：你认为以下几个指标哪个对你在游泳馆的运动影响最大？ </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio40" id = "400">
                  <div class="well">温度</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio40" id="401">
                  <div class="well">湿度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio40" id="402">
                  <div class="well">CO2浓度</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio40" id="403">
                  <div class="well">光照</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio40" id="404">
                  <div class="well">PM2.5浓度</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：对于泳池水温的感受如何 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio41" id="410">
                  <div class="well">游泳全程不会感觉冷</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio41"id="411">
                  <div class="well">只有下水时略微感到冷</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio41" id="412">
                  <div class="well">在泳池中不动时会感到冷</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optradio41" id="413">
                  <div class="well">在泳池中始终不会感到冷</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：秋冬季节（10月至12月）出水后前往更衣室的感受 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio42" id="420">
                  <div class="well">非常冷</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio42"id="421">
                  <div class="well">比较冷</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio42" id="422">
                  <div class="well">一般冷</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio42" id="423">
                  <div class="well">不冷</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>-->
          <div class="panel-heading" style="background:#1e2632;"> 单选：对泳池区环境的感受 </div>
          <div class="panel-body">
            <div class="list-group">
              <form>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio43" id="430">
                  <div class="well">潮湿</div>
                  </label>
                </div>
                <div class="radio">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio43"id="431">
                  <div class="well">湿度适中</div>
                  </label>
                </div>
                <div class="radio ">
                  <label class="col-xs-6 ">
                  <input type="radio" name="optr2dio43" id="432">
                  <div class="well">略干燥</div>
                  </label>
                </div>
              </form>
            </div>
          </div>
          <!--        <div class="panel-footer">面板脚注</div>--> 
        </div>
        <button type="submit" class="btn btn-primary col-xs-6 col-xs-offset-3" style="background:#1e2632; border-radius: 10px; box-shadow:  10px 10px 30px #bebebe,-10px -10px 30px #ffffff;"  onclick="YOUYONG()">康康游泳馆的环境能得几分</button>
      </div>
    </div>
    <!--    <div style="height:100px"></div>-->
    <h2><strong><span>&nbsp;</span></strong><small></small></h2>
    <h2><strong><span>&nbsp;</span></strong><small></small></h2>
  </div>
</div>
<!-- End test --> 

<!--
<div class="portfolio" id="query">
  <div class="works container">
    <header class="title">
      <h2><strong>调查问卷<span>/</span></strong><small>看一看同学们怎么说</small></h2>
      <h1></h1>
            <h3>1.调查问卷展示</h3> 
    </header>
    <h3><span></span>调查结果展示</h3>
    <p class="desc">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-------------------------------------------------------------------------------------------该项工作未完成------------------------------------------------------------------</p>
    <ul class="filter-menu">
      <li><a href="#non" class="filter-current" data-filter="*">图表一览</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".print">综体和西体</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".design">游泳馆</a>&nbsp;//&nbsp;</li>
      <li><a href="#non" data-filter=".illustration">气膜馆</a></li>
    </ul>
    <ul class="filter-port row">
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/1.jpg" alt="placeholder-img"> <a href="static/picture/0.jpg" rel="external">综合体育馆<span><em>问卷调查结果</em></span></a> </figure>
      </li>
      <li class="item design col-md-4 col-sm-6">
        <figure> <img src="static/picture/2.jpg" alt="placeholder-img"> <a href="static/picture/0.jpg" rel="external">游泳馆<span><em>问卷调查结果</em></span></a> </figure>
      </li>
      <li class="item illustration col-md-4 col-sm-6">
        <figure> <img src="static/picture/3.jpg" alt="placeholder-img"> <a href="static/picture/0.jpg" rel="external">气膜馆<span><em>问卷调查结果</em></span></a> </figure>
      </li>
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/4.jpg" alt="placeholder-img"> <a href="static/picture/4.jpg" rel="external">西体育馆<span><em>问卷调查结果</em></span></a> </figure>
      </li>
      <li class="item design col-md-4 col-sm-6">
        <figure> <img src="static/picture/5.jpg" alt="placeholder-img"> <a href="static/picture/0.jpg" rel="external">游泳馆<span><em>问卷调查结果</em></span></a> </figure>
      </li>
      <li class="item print col-md-4 col-sm-6">
        <figure> <img src="static/picture/6.jpg" alt="placeholder-img"> <a href="static/picture/0.jpg" rel="external">综体健身房<span><em>问卷调查结果</em></span></a> </figure>
      </li>
    </ul>
    <button type="submit" class="btn btn-primary col-xs-6 col-xs-offset-3" style="background:#FFFFFF;background:#D5D5D5; border-radius: 10px;"  >未完待续</button>
  </div>
  <h1><br>
  </h1>
</div>
--> 
<!-- End query --> 

<!-- Jiange -->
<div class="resume" id="ange"> 
  <!-- Skills -->
  <div class="skills">
    <div class="container">
      <h3 class="title">综合分析结果</h3>
      <div class="row">
        <div class="chart col-md-3 col-sm-6 col-xs-6">
          <div class="chart-draw" data-percent="100" id = "thescore"><em id = "thescorenumber"></em></div>
          <span class="sub"  id = "thename">综合得分</span> </div>
        <div class="chart col-md-6 col-sm-12 col-xs-12"> <span class="sub" id="demo"></span> </div>
        <!--
        <div class="chart col-md-3 col-sm-6 col-xs-6">
          <div class="chart-draw" data-percent="15"><em>15%</em></div>
          <span class="sub">--</span> </div>
        <div class="chart col-md-3 col-sm-6 col-xs-6">
          <div class="chart-draw" data-percent="20"><em>20%</em></div>
          <span class="sub">--</span> </div>
        <div class="chart col-md-3 col-sm-6 col-xs-6">
          <div class="chart-draw" data-percent="30"><em>30%</em></div>
          <span class="sub">--</span> </div>
--> 
        
      </div>
    </div>
  </div>
  <!-- End Skills --> 
</div>
<!-- End jiange Section --> 
<!--

<div class="contact" id="contact">
  <div class="container">
    <header class="title">
      <h2>Contact</h2>
      <h3><span>/</span>Get in touch with me</h3>
    </header>
    <form id="contact-form" method="post" name="contact-form" action="contact.php" class="contact-form row">
      <div class="inputs col-md-6 col-sm-6 col-xs-6">
        <input type="text" id="name" name="name" placeholder="NAME">
      </div>
      <div class="inputs col-md-6 col-sm-6 col-xs-6">
        <input type="email" id="email" name="email" placeholder="EMAIL">
      </div>
      <div class="inputs col-md-12 col-sm-12 col-xs-12">
        <input type="text" id="subject" name="subject" placeholder="SUBJECT">
      </div>
      <div class="inputs col-md-12 col-sm-12 col-xs-12">
        <label for="message">Message</label>
        <textarea id="message" name="message" cols="50" rows="6" placeholder=""></textarea>
      </div>
      <div class="inputs contact-submit">
        <input type="submit" id="form-submit" value="SEND MESSAGE">
      </div>
    </form>
  </div>
</div>
End Contact Section
-->
<footer id="footer" class="page-foot clearfix">
  <div class="container">
    <p class="copyright">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="">BRIGHTMOONSPIRIT</a></p>
    <ul class="socials">
      <li><a href="#non" class="e-eleganticons-208"></a></li>
      <li><a href="#non" class="e-eleganticons-207"></a></li>
      <li><a href="#non" class="e-eleganticons-13"></a></li>
      <li><a href="#non" class="e-eleganticons-17"></a></li>
    </ul>
  </div>
</footer>
<script src="static/js/jquery-1.10.2.min.js"></script> 
<script src="static/js/preloader.js"></script> 
<script src="static/js/custom.js"></script> 
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> 

<!-- For IE9 and below --> 
<!--[if lt IE 10]>
	<script src="js/jquery.placeholder.min.js"></script>
	<script type="text/javascript">
		$('input, textarea').placeholder();
	</script>
<![endif]-->

</body>
</html>